
/*fonsize*/
@size:100rem;

@font-18: 18/@size;
@font-20: 20/@size;
@font-24: 24/@size;
@font-24: 24/@size;
@font-26: 26/@size;
@font-28: 28/@size;
@font-30: 30/@size;
@font-32: 32/@size;
@font-36: 36/@size;
@font-40: 40/@size;
@font-48: 48/@size;

/*
font
*/
@font-title:'PingFang-SC-Medium;';
@font-first:'PingFangSC-Regular;';


/*
color
*/
@theme-color:#01B2B5;
@icon-color:#01B2B5;
@white-color:#fff;
@bg-color:#f1f1f1;

@black-Light-color: #DDDDDD;
@sub-nav-bg-color: #EFEFEF;
@black-color:#545454;
@black-b-color:#4A4A4A;
@black-bb-color:#444444;
@black-bbb-color:#303133;
@black-color-0-5:#333333;

@red-color:#F56C6C;




/*
  @media screen and (max-width:319px){
    html{
      font-size: 1rem;
    }
  }
  @media screen and (min-width:320px) and(max-width:360px){
    html{
      font-size: (21.5/16)rem;
    }
  }
  @media screen and (min-width:361px) and(max-width:415px){
    html{
      font-size: 0.5rem;
    }
  }
  @media screen and (min-width:414px) and(max-width:736px){
      html{
      font-size: 12px;
    }
  }

@media screen and (min-width:320px) and(max-width:360px){
  html{
    font-size: 6px;
  }
}*/


//图片居中
.img-middle() {
  vertical-align: middle;
}

.backgroud-size() {
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}



/*
没有高度的盒子100%显示
*/
.height-100() {
  width: 100%;
  height: inherit;
  position: absolute;
  .overfow-y();
}

/*修改大小的函数*/
.width(@num) {
  width:(@num / @size);
}

.height(@num) {
  height: (@num / @size);
}

.line-height(@num) {
  line-height: (@num / @size);
}

.border(@num,@color) {
  border: (@num/@size) solid @color;
}

.border-radus(@num) {
  border-radius: (@num/@size);
}

.font-size(@num) {
  font-size: (@num / @size);
}

.color(@color) {
  color: @color;
}

.bg-color(@color) {
  background: @color;
}

.margin(@t,@r,@b,@l) {
  margin: (@t/@size) (@r/@size) (@b/@size) (@l/@size);
}

.padding(@t,@r,@b,@l) {
  padding: (@t/@size) (@r/@size) (@b/@size) (@l/@size);
}

.max-width(@num) {
  max-width: (@num/@size);
}

.max-height(@num) {
  max-height: (@num/@size);
}

.min-width(@num) {
  min-width: (@num/@size);
}
.min-height(@num) {
  min-height: (@num/@size);
}

//伪类图片
.after-bg(@w,@h) {
  content: '';
  display: block;
  .width(@w);
  .height(@h);
  .backgroud-size();
}



.section{
  padding: 0;
}

.over-flow-text{
  overflow: hidden;
  text-overflow: ellipsis;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
  white-space:normal;

}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
  background-image: none;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
  background-image: none;
}
